import QtQuick 2.0


Item {
    id: gameSelector
    anchors.top: content.top
    anchors.topMargin: 5
    anchors.left: content.left
    anchors.leftMargin: 5
    width: content.width - 10
    height: content.height - 10

    Grid {
        anchors.left: parent.left
        anchors.leftMargin: 38
        anchors.top: parent.top
        anchors.topMargin: 60
        width: parent.width - 76
        height: parent.height - 120
        columns: 8
        rows: 3
        spacing: 45
        Button {
            img: "images/bejeweled.png"
            text: "Bejeweled"
            onClicked: {
                console.log("Bejeweled");
                webpage.url = "http://bejeweled.popcap.com/html5/0.9.12.9490/html5/Bejeweled.html";
                webpage.visible = true;
                gameContent.visible = false;
            }
        }
        Button {
            img: "images/pirateslovedaisies.png"
            text: "Pirates"
            text2: "Love Daisies"
            onClicked: {
                webpage.url = "http://www.pirateslovedaisies.com";
                webpage.visible = true;
                gameContent.visible = false;
            }
        }
        Button {
            img: "images/ducks.png"
            text: "Ducks!"
            onClicked: {
                webpage.url = "http://statico.github.io/webgl-demos/ducks/";
                webpage.visible = true;
                gameContent.visible = false;
            }
        }
    }
}
